<html>
    <head>
        <link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
        <script type="text/javascript" language="javascript" src="/scripts/tweetcounter.js" >
        </script>
        <script type="text/javascript" language="javascript" src="/scripts/tweet_renew.js" >
        </script>
        <script type="text/javascript" language="javascript" src="/scripts/tweet_operation.js" >
        </script>
        <title>ryutwitter</title>
        <meta name="viewport" content="width=470" />
    </head>
    <body onload="load_tweets('friends')">
        <center>
            <h1>Ryutwitter</h1>
            <div id="form_area">
                <form action="/post_message" method="post">
                    <table border="0">
                        <tr>
                            <td colspan="2"><textarea id="textarea" name="tweet" cols="50" rows="3" onkeyup="charcount('textarea','counter');"></textarea></td>
                        </tr>        
                        <tr>
                            <td style="text-align:center"><input type="submit" value="Tweet it" /></td>
                            <td width="5px" style="text-align:right"><b id="counter">140</b></td>
                        </tr>
                    </table>
                </form>
            </div>
            <div id="table_area"></div>
            
            <div id="more_area">
                <span id="notify" style="text-align:center"></span>
                <span id="tweetcount" style="visibility:hidden">50</span>
            </div>
        </center>
    </body>
</html>
